<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>智慧工地大数据中心-工程进度</title>
		<meta name="renderer" content="webkit">
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="../../resources/css/stylesheet.css">
		<link rel="stylesheet" href="../../resources/css/xadmin.css">
		<link rel="stylesheet" href="../../resources/css/main.css">
		<script type="text/javascript" src="../../resources/js/jquery.min.js"></script>
		<script type="text/javascript" src="../../resources/js/jquery.cookie.js"></script>
		<script src="../../resources/lib/layui/layui.js" charset="utf-8"></script>
		<script type="text/javascript" src="../../resources/js/xadmin.js"></script>
		<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
	</head>

	<body class="pro-bg body-bg">
		<!--头部配置结束-->
		<!--header开始-->
		<!-- 顶部开始 -->
		<header>
			<img class="head-logo" src="../../resources/images/NanJingDiTie.png" />
			<!--<img class="head-logo" src="../../resources/images/zgjz-logo.png" />-->
			<!--<img class="head-logo" src="../../resources/images/logo.png" />-->
			<h1 class="head-title hy">智慧工地大数据中心</h1>
			<div class="pro-tips">
				<div class="tips">
					<img class="tips-img" src="../../resources/images/time.png" />
					<span class="tips-text hy" id="today"></span>
				</div>
				<div class="tips">
					<img class="tips-img" src="../../resources/images/local.png" />
					<span class="tips-text hy" id="citytext"></span>
				</div>
			</div>
			<div class="headlight">
				<div class="scrollNews">
					<ul>
						<li><img class="light" src="../../resources/images/light.png" /></li>
						<li><img class="light" src="../../resources/images/light.png" /></li>
					</ul>
				</div>
			</div>
		</header>
		<!-- 顶部结束 -->
		<!-- 中部开始 -->
		<div class="pro-content">
			<ul>
				<li class="menu hy">
					<a href="index.html">首&nbsp;&nbsp;页</a>
				</li>
				<li class="menu-actived hy">
					<a href="survey.html">工程进度</a>
				</li>
				<li class="menu hy">
					<a href="panorama.html">全景监控</a>
				</li>
				<li class="menu hy">
					<a href="labor.html">劳务管理</a>
				</li>
				<li class="menu hy">
					<a href="equipment.html">设备管理</a>
				</li>
				<li class="menu hy">
					<a href="environment.html">绿色施工</a>
				</li>
				<li class="menu hy">
					<a href="quality.html">基坑监测</a>
				</li>
				<li class="menu hy">
					<a href="security.html">盾构数据</a>
				</li>
				<li class="menu hy">
					<a href="../index/home.html">管理后台</a>
				</li>
			</ul>
			<div class="pro-snav">
				<div class="schedule">
					<div class="schedule-time">
						<canvas id="schedule-canvas" width="200" height="200"></canvas>
						<p class="hy">已施工（天）</p>
					</div>
					<div class="schedule-date">
						<h2 class="schedule-title title hy">工程进度（总工期&nbsp;<span class="hy" id="totletime"></span>&nbsp;天）</h2>
						<div class="line"></div>
						<div class="sc-text" id="progress"></div>
						<img class="sc-active" src="../../resources/images/active.png" />
					</div>
				</div>
				<div class="testing">
					<h2 class="testing-title title hy">工程完成率</h2>
					<div class="testing-content">
						<canvas id="test-canvas" width="400px" height="250px"></canvas>
						<p class="hy universal t-center"><span class="circular securityed"></span>当前工程完成率为：<span class="circular-data" id="safety-did"></span>%</p>
					</div>
				</div>
			</div>
			<div class="survey-list hy">
				<ul>
					<li>
						<h2 class="title">一工区</h2>
						<p class="workarea">开工日期：2017年9月30日，完工日期：2021年6月30日，总工期46个月，共计1369天。</p>
					</li>
					<li>
						<h2 class="title">二工区</h2>
						<p class="workarea">开工日期：2017年11月28日，完工日期：2020年4月30日，总工期29个月，共计877天。</p>
					</li>
					<li>
						<h2 class="title">三工区</h2>
						<p class="workarea">开工日期：2017年10月31日，完工日期：2020年03月31日，工期为29个月，共计875天。</p>
					</li>
					<li class="">
						<h2 class="title">四工区</h2>
						<p class="workarea">开工日期：2018年1月15日，完工日期： 2020年6月30日，工期为30个月，共计891天。</p>
					</li>
					<li>
						<h2 class="title">五工区</h2>
						<p class="workarea">开工日期：2017年10月，完工时间：2021年6月，工期为45个月。</p>
					</li>
					<li>
						<h2 class="title">六工区</h2>
						<p class="workarea">开工工期：2017年10月，完工日期：2021年6月，工期为45个月。</p>
					</li>
					<li>
						<h2 class="title">七工区</h2>
						<p class="workarea">开工工期：2017年10月，完工日期：2020年6月，工期为32个月。</p>
					</li>
					<li>
						<h2 class="title">八工区</h2>
						<p class="workarea">开工日期：2017年9月30 日，完工日期：2021年6月30 日，工期为 46个月，共计1369天。</p>
					</li>
				</ul>
			</div>
		</div>
		<!-- 中部结束 -->
		<!-- 底部开始 -->
		<footer>
			<div class="footer-light">
				<div class="scrollNews">
					<ul>
						<li><img class="light" src="../../resources/images/light.png" /></li>
						<li><img class="light" src="../../resources/images/light.png" /></li>
					</ul>
				</div>
			</div>
			<div class="gear-animation">
				<img class="gearmin" src="../../resources/images/gear-min.png" />
				<img class="gearmax" src="../../resources/images/gear-max.png" />
			</div>
		</footer>
		<!-- 底部结束 -->
		<!--footer结束-->
	</body>
	<script type="text/javascript" src="../layouts/webindex/client-data.js"></script>
	<script type="text/javascript" src="../../resources/js/survery-cavas.js"></script>
	<script type="text/javascript" src="../../resources/js/testing-canvas.js"></script>

</html>